.add-category {
	.van-sidebar-item--selected {
		border-color: var(--my-primary);
	}

	.van-tree-select__nav {
		flex: none;
		width: 200rpx;
	}

	.van-tree-select__content {
		flex: none;
		width: calc(100% - 200rpx);
	}

	// .van-info--dot {
	// 	background-color: var(--my-primary);
	// }

	.item {
		.title {
			font-size: 32rpx;
			font-weight: bold;
			color: #333;
			margin: 24rpx;
			text-align: left;
		}

		.ul {
			margin: 24rpx;
			display: flex;
			overflow: hidden;
			flex-wrap: wrap;

			.li {
				max-width: 180rpx;
				min-width: 100rpx;
				height: 80rpx;
				line-height: 80rpx;
				padding: 0 20rpx;
				text-align: center;
				border-radius: 4rpx;
				background: #F0F2F3;
				color: #333;
				text-overflow: ellipsis;
				white-space: nowrap;
				overflow: hidden;
				margin-right: 20rpx;
				margin-bottom: 20rpx;

				&.act {
					color: #fff;
					background: var(--my-primary);
				}
			}
		}
	}

	.footer {
		height: 150rpx;
		position: fixed;
		bottom: 0;
		display: flex;
		width: 100%;
		justify-content: center;
		background-color: #fff;
		padding-top: 50rpx;

		.btn {
			color: #fff;
			width: 640rpx;
			height: 88rpx;
			text-align: center;
			line-height: 88rpx;
			background: var(--my-primary);
			border-radius: 8rpx;
		}
	}
}